<!DOCTYPE html>
<!-- saved from url=(0050)http://www.jq22.com/demo/jQueryH5lock201701141141/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>H5lock</title>
        <link rel="shortcut icon" href="img/favicon.ico">
    <style type="text/css">
        body {
            text-align: center;
            background-color: #305066;
        }
        .title {
            color: #22C3AA;
        }
    </style>
</head>
<body>
	<script type="text/javascript" src="js/H5lock.js.下载"></script>
	<script type="text/javascript">
			new H5lock({
			    chooseType: 3
			}).init();
	</script>
	
	<div style="position: absolute;top:0;left:0;right:0;bottom:0;">
		<h4 id="title" class="title">绘制解锁图案</h4>
		<a id="updatePassword" style="position: absolute;right: 5px;top: 5px;color:#fff;font-size: 10px;display:none;">重置密码</a>
		<canvas id="canvas" width="300" height="300" style="display: inline-block;margin-top: 15px;"></canvas>
		</div>


</body></html>